<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>夏目友人帐</title>
  <link rel=stylesheet type=text/css href="../style/style.css">
  <link rel=stylesheet type=text/css href="../style/banner.css">
  <style type="text/css">
    body,
    td,
    th {
      font-size: 13px;
    }
  </style>
  <script type="text/javascript" src="../scripts/banner.js"></script>
</head>

<body>
  <div id="top">
    <!-- banner代码开始 -->
    <div class="banner">
      <div class="banner_pic" id="banner_pic">
        <div class="current"><img src="../images/xm04.jpg" alt="tp" /></div>
        <div class="pic"><img src="../images/xm01.jpg" alt="tp" /></div>
        <div class="pic"><img src="../images/xm03.jpg" alt="tp" /></div>
        <div class="pic"><img src="../images/xm06.jpg" alt="tp" /></div>
      </div>
      <ol id="button">
        <li class="current"></li>
        <li class="but"></li>
        <li class="but"></li>
        <li class="but"></li>
      </ol>
    </div>
    <!-- banner代码END -->

    <div id="top-grey">
      <div id="bar-x">
        <div id="logo"><a href="HomePage.html"><img src="../images/logo.png" width="143" height="39"></a></div>
        <div id="menu">
          <div id="menu-tab" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a
              href="HomePage.html">首页</a></div>
          <div id="menu-tab" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a
              href="list.html">推荐</a></div>
          <div id="menu-tab" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a
              href="topic.html">专题</a></div>
          <div id="menu-tab" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a
              href="scene.html">剧场版</a></div>
          <div id="menu-tab" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a
              href="video.html">视频</a><a href="music.html"></a></div>

        </div>
        <div id="menu2" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'"><a
            href="../index.html">注册/登录</a></div>
        <div id="exit" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'">
          <a href="../index.html">退出账号</a>
        </div>
      </div>

    </div>
  </div>
  <div id="main">
    <div id="title">版块分类</div>
    <div id="green"></div>
    <div id="m-686-281">
      <div id="m-156-130" class="c_out" onmouseover="this.className='c_over'" onmouseout="this.className='c_out'">
        <div id="m-22-22"><img src="../images/icon1.png" width="40" height="40"></div>
        <div id="m-50-20">动漫</div>
      </div>
      <div id="m-156-130" class="c_out" onmouseover="this.className='c_over'" onmouseout="this.className='c_out'">
        <div id="m-22-22"><img src="../images/icon2.png" width="40" height="40"></div>
        <div id="m-50-20">榜单</div>
      </div>
      <div id="m-156-130" class="c_out" onmouseover="this.className='c_over'" onmouseout="this.className='c_out'">
        <div id="m-22-22"><img src="../images/icon3.png" width="40" height="40"></div>
        <div id="m-50-20">剧场版</div>
      </div>
      <div id="m-156-130" class="c_out" onmouseover="this.className='c_over'" onmouseout="this.className='c_out'">
        <div id="m-22-22"><img src="../images/icon4.png" width="40" height="40"></div>
        <div id="m-50-20">收藏</div>
      </div>
      <div id="m-156-130" class="c_out" onmouseover="this.className='c_over'" onmouseout="this.className='c_out'">
        <div id="m-22-22"><img src="../images/icon5.png" width="40" height="40"></div>
        <div id="m-50-20">影评</div>
      </div>
      <div id="m-156-130" class="c_out" onmouseover="this.className='c_over'" onmouseout="this.className='c_out'">
        <div id="m-22-22"><img src="../images/icon6.png" width="40" height="40"></div>
        <div id="m-50-20">更多</div>
      </div>
    </div>
  </div>
  <div id="main1">
    <div id="title1">夏目友人帐</div>
    <div id="green1"></div>
    <div id="m-686-281-1">
      <table width="100%" border="0">
        <tr>
          <td width="27%" height="298"><img src="../images/xm08.jpg" alt="" width="236" height="298"></td>
          <td align="center">
            <table width="100%" border="0">
              <tr>
                <td height="275" align="center" bgcolor="#FFFFFF">
                  <table width="82%" border="0">
                    <tr>
                      <td>夏目贵志生来拥有强大的灵力，能看到妖怪和神明的存在。因其父母双亡，常年辗转于互相推卸责任的亲戚之间，并受到同龄人的欺负。同时被其能力影响，未曾与任何人深交，造成性格一定程度上的孤僻。
                        本性和善，宽厚，踏实。对于自身的不幸，无论是对人类还是妖怪都未曾抱怨过。被藤原夫妇收养后踏入高中。一次被妖怪追赶打破了一只妖怪“斑”的封印，继而牵涉到其祖母夏目玲子的遗物“友人帐”——一本记录着众多妖怪名字的契约书。
                        对友人帐产生兴趣的“斑”与贵志定下约定，自己守护其一生以替换友人帐的所有权，平日则化身成大头招财猫模样的“猫咪老师”。在“斑”的陪伴、八原妖怪和同学们关心鼓励下，贵志经历了一个个或奇异、悲伤、感怀的怪诞故事，并逐渐学会与人类、妖怪友好相处，谱写出一段充满人性哲思的温馨物语。
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
  </div>
  <footer>
    <div id="down">
      <div id="down1">
        <table width="100%" border="0">
          <tr>
            <td width="82%" valign="middle"><img src="../images/logo.png" width="110" height="30"></td>
            <td width="7%"><img src="../images/douyin.png" width="31" height="31"></td>
            <td width="7%"><img src="../images/weibo.png" alt="" width="31" height="31"></td>
            <td width="4%"><img src="../images/weixin.png" alt="" width="31" height="31"></td>
          </tr>
        </table>
      </div>
    </div>
  </footer>
  </div>
</body>

</html>